<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="../css_pc/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../css_pc/default.css" />
    <title>智慧应用资源池</title>
    <link rel="stylesheet" type="text/css" href="../css_pc/case.css" />
    <link rel="stylesheet" type="text/css" href="../css_pc/item.css" />
</head>

<body>
   <header class="u-header opacity">
        <div class="container">
            <img class="logo" src="../img_pc/logo-h.png" alt="" />
            <div class="account-wrap">
                <div class="account">
                    <div class="launch">想要发起项目？</div>
                    <div class="wechat">
                        <div class="qr"><img src="" alt="" /></div><img src="../img_pc/ic-wechat.png">登录</div>
                </div>
            </div>
            <div class="main-menu">
                <ul>
                    <li class="active"><a href="">首页</a></li>
                    <li><a href="">产品</a></li>
                    <li><a href="">动态</a></li>
                    <li><a href="">案例</a></li>
                    <li><a href="">伙伴</a></li>
                    <li><a href="">关于</a></li>
                </ul>
            </div>
        </div>
    </header>
    <section class="">
        <div class="banner style1 fix-header" style="background-image: url(../img_pc/bg-banner-3.jpg)">
            <div class="container">
                <h1>感恩与你共同前行</h1>
                <div class="txt">
                    星星之火，可以燎原
                    <br> 等待那个天使，那个眼里有光的你
                    <br>
                </div>
            </div>
        </div>
        <div class="content">
            <div class="nav style1">
                <ul>
                    <li><a href="">天使合伙人</a></li>
                    <li class="active"><a href="">创使伙伴</a></li>
                    <li><a href="">合作企业</a></li>
                    <li><a href="">志愿者伙伴</a></li>
                </ul>
            </div>
            <div class="body">
                <div class="container">
                    <ul class="nav-content">
                        <li>
                            <ul class="list people">
                                <li class="list-item" style="background-image:url(../img_pc/demo-people.jpg)">
                                    <div class="des">
                                        <div class="name">王开方</div>
                                        <div class="txt">王开方王开方王开方王开方</div>
                                    </div>
                                </li>
                                <li class="list-item" style="background-image:url(../img_pc/demo-people.jpg)">
                                    <div class="des">
                                        <div class="name">王开方</div>
                                        <div class="txt">王开方王开方王开方王开方</div>
                                    </div>
                                </li>
                                <li class="list-item" style="background-image:url(../img_pc/demo-people.jpg)">
                                    <div class="des">
                                        <div class="name">王开方</div>
                                        <div class="txt">王开方王开方王开方王开方</div>
                                    </div>
                                </li>
                                <li class="list-item" style="background-image:url(../img_pc/demo-people.jpg)">
                                    <div class="des">
                                        <div class="name">王开方</div>
                                        <div class="txt">王开方王开方王开方王开方</div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <ul class="list people">
                                <li class="list-item" style="background-image:url(../img_pc/demo-people.jpg)">
                                    <div class="des">
                                        <div class="name">王开方</div>
                                        <div class="txt">王开方王开方王开方王开方</div>
                                    </div>
                                </li>
                                <li class="list-item" style="background-image:url(../img_pc/demo-people.jpg)">
                                    <div class="des">
                                        <div class="name">王开方</div>
                                        <div class="txt">王开方王开方王开方王开方</div>
                                    </div>
                                </li>
                                <li class="list-item" style="background-image:url(../img_pc/demo-people.jpg)">
                                    <div class="des">
                                        <div class="name">王开方</div>
                                        <div class="txt">王开方王开方王开方王开方</div>
                                    </div>
                                </li>
                                <li class="list-item" style="background-image:url(../img_pc/demo-people.jpg)">
                                    <div class="des">
                                        <div class="name">王开方</div>
                                        <div class="txt">王开方王开方王开方王开方</div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <div class="list-wrap">
                                <div class="list-title">金融</div>
                                <ul class="list enterprise">
                                    <li class="list-item">
                                        <div class="avatar" style="background-image:url(../img_pc/demo-enterprise.jpg)"></div>
                                        <div class="des">
                                            <div class="title">扬州待用公益</div>
                                            <div class="txt">待用公益旨在用一种“待用”的方式来帮助那些弱势群体。</div>
                                        </div>
                                    </li>
                                    <li class="list-item">
                                        <div class="avatar" style="background-image:url(../img_pc/demo-enterprise.jpg)"></div>
                                        <div class="des">
                                            <div class="title">扬州待用公益</div>
                                            <div class="txt">待用公益旨在用一种“待用”的方式来帮助那些弱势群体。</div>
                                        </div>
                                    </li>
                                    <li class="list-item">
                                        <div class="avatar" style="background-image:url(../img_pc/demo-enterprise.jpg)"></div>
                                        <div class="des">
                                            <div class="title">扬州待用公益</div>
                                            <div class="txt">待用公益旨在用一种“待用”的方式来帮助那些弱势群体。</div>
                                        </div>
                                    </li>
                                    <li class="list-item">
                                        <div class="avatar" style="background-image:url(../img_pc/demo-enterprise.jpg)"></div>
                                        <div class="des">
                                            <div class="title">扬州待用公益</div>
                                            <div class="txt">待用公益旨在用一种“待用”的方式来帮助那些弱势群体。</div>
                                        </div>
                                    </li>
                                    <li class="list-item">
                                        <div class="avatar" style="background-image:url(../img_pc/demo-enterprise.jpg)"></div>
                                        <div class="des">
                                            <div class="title">扬州待用公益</div>
                                            <div class="txt">待用公益旨在用一种“待用”的方式来帮助那些弱势群体。</div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="list-wrap">
                                <div class="list-title">媒体</div>
                                <ul class="list enterprise">
                                    <li class="list-item">
                                        <div class="avatar" style="background-image:url(../img_pc/demo-enterprise.jpg)"></div>
                                        <div class="des">
                                            <div class="title">扬州待用公益</div>
                                            <div class="txt">待用公益旨在用一种“待用”的方式来帮助那些弱势群体。</div>
                                        </div>
                                    </li>
                                    <li class="list-item">
                                        <div class="avatar" style="background-image:url(../img_pc/demo-enterprise.jpg)"></div>
                                        <div class="des">
                                            <div class="title">扬州待用公益</div>
                                            <div class="txt">待用公益旨在用一种“待用”的方式来帮助那些弱势群体。</div>
                                        </div>
                                    </li>
                                    <li class="list-item">
                                        <div class="avatar" style="background-image:url(../img_pc/demo-enterprise.jpg)"></div>
                                        <div class="des">
                                            <div class="title">扬州待用公益</div>
                                            <div class="txt">待用公益旨在用一种“待用”的方式来帮助那些弱势群体。</div>
                                        </div>
                                    </li>
                                    <li class="list-item">
                                        <div class="avatar" style="background-image:url(../img_pc/demo-enterprise.jpg)"></div>
                                        <div class="des">
                                            <div class="title">扬州待用公益</div>
                                            <div class="txt">待用公益旨在用一种“待用”的方式来帮助那些弱势群体。</div>
                                        </div>
                                    </li>
                                    <li class="list-item">
                                        <div class="avatar" style="background-image:url(../img_pc/demo-enterprise.jpg)"></div>
                                        <div class="des">
                                            <div class="title">扬州待用公益</div>
                                            <div class="txt">待用公益旨在用一种“待用”的方式来帮助那些弱势群体。</div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <ul class="list people">
                                <li class="list-item" style="background-image:url(../img_pc/demo-people.jpg)">
                                    <div class="des">
                                        <div class="name">王开方</div>
                                        <div class="txt">王开方王开方王开方王开方</div>
                                    </div>
                                </li>
                                <li class="list-item" style="background-image:url(../img_pc/demo-people.jpg)">
                                    <div class="des">
                                        <div class="name">王开方</div>
                                        <div class="txt">王开方王开方王开方王开方</div>
                                    </div>
                                </li>
                                <li class="list-item" style="background-image:url(../img_pc/demo-people.jpg)">
                                    <div class="des">
                                        <div class="name">王开方</div>
                                        <div class="txt">王开方王开方王开方王开方</div>
                                    </div>
                                </li>
                                <li class="list-item" style="background-image:url(../img_pc/demo-people.jpg)">
                                    <div class="des">
                                        <div class="name">王开方</div>
                                        <div class="txt">王开方王开方王开方王开方</div>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <footer class="u-footer">
        <div class="copyright">Copyright c 2015 huodui Inc. 保留所有权利 沪ICP备 13042466号-5</div>
        <div class="contact">邮件：huodui@adream.org 电话：021-1234432转221 <img class="wechat" src="../img_pc/icon-wechat.png"></div>
    </footer>
    <script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/util.js"></script>
    <script>
    $(function() {
        $('.nav ul li a').click(function(e) {
            e.preventDefault();
        })
        $('.nav ul li').click(function(e) {
            $(this).addClass('active').siblings('.active').removeClass('active');
            $('.nav-content>li').eq($(this).index()).addClass('active').siblings('.active').removeClass('active');
        })
    })
    </script>
</body>

</html>
